<template>
  <div class="about">
    <h1>about</h1>

    <hr />

    <router-link to="/about/news">news</router-link>

    <div>
      <router-view></router-view>
    </div>
  </div>
</template>

<script lang="ts">
import { Options, Vue } from "vue-class-component";

// 如果路由连接中 需要使用动态 地址-> 比如 home/msg/1 ,1位动态值, 那么我们需要 通过:to "''" 的方式去添加动态地址
// 在router的path 路径中可以通过占位符的方式去占位 :id
@Options({})
export default class About extends Vue {}
</script>
